<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>大学生科技创新协会</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
	<script src="bootstrap/js/jquery.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
	<style type="text/css">
		h1{
			color: #64045F;
			font-family: "华文行楷";
		}
		.font1{
			font-size: 16px;
			color: #2F0237;
		}
	</style>
</head>
<body>
	<form class="form-horizontal" role="form" method="post" action="./joinus.php" name="form1" id="form1" onsubmit="return check(form1.userid.value, form1.userids.value, form1.userphone.value)">
		<h1 class="text-center">报名信息提交</h1>
		<h3> 
			<mark>请认真填写信息：</mark>
			<small>你所提交的信息我们会进行备份保留，这将是你在大学生科技创新协会综合测评的第一步！</small>
		</h3>


		<div class="form-group">
			<label for="firstname" class="col-sm-2 control-label font1">姓名:</label>
			<div class="col-sm-8">
				<input type="text" class="form-control" id="username" placeholder="请你的输入名字" required name="username">
			</div>
		</div>
		<div class="form-group">
			<label for="firstname" class="col-sm-2 control-label font1">性别:</label>
			<div class="col-sm-8">
				<label>
					<input type="radio" name="usersex" id="usersex" value="男" checked>男
				</label>
				&nbsp;&nbsp;&nbsp;
				<label>
					<input type="radio" name="usersex" id="usersex" value="女">女
				</label>
			</div>
		</div>
		
		<div class="form-group">
			<label for="userid" class="col-sm-2 control-label font1">学号:</label>
			<div class="col-sm-8">
				<input type="text" class="form-control" id="userid" placeholder="请你的输入学号" required name="userid" value="" onkeyup="value=value.replace(/[^\d]/g,'')">
			</div>
		</div>
		<div class="form-group">
			<label for="userids" class="col-sm-2 control-label font1">身份证号:</label>
			<div class="col-sm-8">
				<input type="text" class="form-control" id="userids" placeholder="请你的输入身份证号" required name="userids" value="">
			</div>
		</div>
		<div class="form-group">
			<label for="userphone" class="col-sm-2 control-label font1">手机号:</label>
			<div class="col-sm-8">
				<input type="text" class="form-control" id="userphone" placeholder="请你的输入手机号" required name="userphone" value="" onkeyup="value=value.replace(/[^\d]/g,'')">
			</div>
		</div>
		<div class="form-group">
			<label for="name" class="col-sm-2 control-label font1" >系别:</label>
			<div class="col-sm-8">
				<select class="form-control col-sm-8" name="userxibie">
					<option>计科系</option>
					<option>网工系</option>
					<option>信管系</option>
					<option>软工系</option>
				</select>
			</div>
		</div>
		<div class="form-group">
			<label for="userclass" class="col-sm-2 control-label font1">班级:</label>
			<div class="col-sm-8">
				<input type="text" class="form-control" id="userclass" placeholder="请你的班级名称" required name="userclass">
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10 text-center">
				<button type="submit" class="btn btn-default btn-success col-sm-8">提交注册信息</button>
			</div>
		</div>
		<script type="text/javascript">
			function check(a, b, c){
				if(a.length!=12){
					alert("请输入12位的学号信息！");
					userid.focus();
					return false;
				}
				if(b.length!=18){
					alert("请输入18位的身份证信息！");
					userids.focus();
					return false;
				}
				if(c.length!=11){
					alert("请输入11位的电话号码！");
					userphone.focus();
					return false;
				}
			}
		</script>
	</form>
</body>
</html>
</body>
</html>
